import React from 'react'
import { connect } from 'react-redux'
import { Image } from 'antd';
import exprss from './enterprise_culture.module.css'
import { Pagination } from 'antd';
export const expeanimal = (props) => {
  return (
    <div className={exprss.imgbox}>
      <Image.PreviewGroup>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('../../static/clutle/1.jpeg')} />
          <span>坐车安全带</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/clutle/2.jpeg')} />
          <span>安全带的正确寄法</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/clutle/3.jpeg')} />
          <span>安全带的注意点</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/clutle/4.jpeg')} />
          <span>儿童坐车前的注意点</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/clutle/5.jpeg')} />
          <span>儿童坐车的保护</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/clutle/6.jpeg')} />
          <span>安全驾驶的好处</span>
        </div>
      </Image.PreviewGroup>
      <div className={exprss.btom_Pagination}>
        <Pagination defaultCurrent={1} total={50} />
      </div>
    </div>
  )
}
const mapStateToProps = (state) => ({})
const mapDispatchToProps = {}
export default connect(mapStateToProps, mapDispatchToProps)(expeanimal)